<!--
  ~ Copyright 2019 Red Hat, Inc. and/or its affiliates.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~       http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<div>
    <div class="components-counter" data-field="components-counter">0</div>
    <label>
        <select data-field="drg-element-filter" class="selectpicker">
            <option value="" data-i18n-key="FilterBy" selected disabled hidden></option>
            <option value="InputData" data-i18n-key="InputData"></option>
            <option value="KnowledgeSource" data-i18n-key="KnowledgeSource"></option>
            <option value="BusinessKnowledgeModel" data-i18n-key="BusinessKnowledgeModel"></option>
            <option value="DecisionService" data-i18n-key="DecisionService"></option>
            <option value="Decision" data-i18n-key="Decision"></option>
            <option value="" data-i18n-key="AllIncludedComponents"></option>
        </select>
    </label>
    <input data-field="term-filter" type="text" class="form-control" placeholder="Enter text"/>
    <div data-field="empty-state" class="hidden">
        <b data-i18n-key="EmptyStateTitle"></b>
        <div data-i18n-key="EmptyStateDescription"></div>
    </div>
    <div data-field="loading" class="spinner hidden"></div>
    <div data-field="list">
    </div>
</div>
